{assign name="cnav" value="1" /}
{include file="public/header" /}
<link rel="stylesheet" href="{$css}/index.css">

<div class="area">
    <div class="view">
        <div class="title">读者服务<em>/ Reader service</em></div>
        <div class="dzfw content">
            <div class="desc">
                <div class="left"><img src="{$qiniuprefix}/{$cms['info']['cover']}?imageView2/1/w/640/h/400/q/100"
                                       alt=""></div>
                <div class="right">
                    <div class="dest">{$cms['info']['dest']}</div>
                    <div class="des">{$cms['info']['des']|nl2br}</div>
                </div>
            </div>
            <div class="hrefbtn">
                <a href="/article/{$cms['articlehref']['kgsj']|default='none'}.html" target="_blank">开馆时间</a>
                <a href="/article/{$cms['articlehref']['bzxz']|default='none'}.html" target="_blank">办证须知</a>
                <a href="/article/{$cms['articlehref']['jyfw']|default='none'}.html" target="_blank">借阅服务</a>
                <a href="/article/{$cms['articlehref']['kfck']|default='none'}.html" target="_blank">开放窗口</a>
                <a href="/article/{$cms['articlehref']['fwgy']|default='none'}.html" target="_blank">服务公约</a>
                <a href="/article/{$cms['articlehref']['jyzn']|default='none'}.html" target="_blank">节约指南</a>
            </div>
        </div>
    </div>
</div>
<div class="area">
    <div class="view">
        <div class="title">新书推荐<em>/ Book recommendation</em><a href="/list/{$cms['catelist']['xstj']['id']}.html">更多>></a></div>
        <div class="xstj content">
            {volist name="cms['catelist']['xstj']['list']" id='article' length='12'}
            <div class="article">
                <a class="box" href="/article/{$article['id']}.html" target="_blank">
                    <div class="img"><img width="160" height="200"
                                          src="{$qiniuprefix}/{$article['thumb']}?imageView2/1/w/160/h/200/q/100"/>

                    </div>
                    <div class="a_title">{$article['title']}</div>
                </a>
            </div>
            {/volist}
            <div style="clear: both"></div>
        </div>
    </div>
</div>

<div class="area">
    <div class="view">
        <div class="title">电子资源<em>/ Electronic resources</em><a href="/list/{$cms['catelist']['dzzy']['id']}.html">更多>></a></div>
        <div class="dzzy content">
            <div class="namelist">
                {volist name="cms['catelist']['dzzy']['sublist']" id='cate'}
                <span class="subbtn">{$cate['name']}</span>
                {/volist}
            </div>
            <div class="articlebox">
                {volist name="cms['catelist']['dzzy']['sublist']" id='cate'}
                <div class="articlelist sublist">
                    {volist name="cate['list']" id='article'}
                    <a class="box" href="/article/{$article['id']}.html" target="_blank"><span></span>{$article['title']}</a>
                    {/volist}
                </div>
                {/volist}
            </div>
        </div>
    </div>
</div>

<div class="area">
    <div class="view">
        <div class="title">本馆动态<em>/ Our dynamic</em><a href="/list/{$cms['catelist']['bgdt']['id']}.html">更多>></a></div>
        {assign name="first" value="$cms['catelist']['bgdt']['list'][0]" /}
        <div class="bgdt content">
            <div class="left">
                <div class="img"><img src="{$qiniuprefix}/{$first['thumb']}?imageView2/1/w/290/h/190/q/100"></div>
                <div class="title">{$first['title']}</div>
                <div class="publish_time">{$first['publish_time']}</div>
                <div class="des">{$first['des']|nl2br}</div>
            </div>
            <div class="right">
                {volist name="cms['catelist']['bgdt']['list']" id='article' offset='2' length='5'}
                <div class="article">
                    <a class="box" href="/article/{$article['id']}.html" target="_blank">
                        <div class="a_title">{$article['title']}</div>
                    </a>
                </div>
                {/volist}
            </div>
            <div style="clear: both"></div>
        </div>
    </div>

</div>
<div class="area">
    <div class="view">
        <div class="title">地方特色<em>/ Local characteristics</em><a href="/list/{$cms['catelist']['dfts']['id']}.html">更多>></a></div>
        <div class="dfts content">
            <div class="namelist">
                {volist name="cms['catelist']['dfts']['sublist']" id='cate'}
                <span class="subbtn">{$cate['name']}</span>
                {/volist}
            </div>
            <div class="articlebox">
                {volist name="cms['catelist']['dfts']['sublist']" id='cate'}
                <div class="articlelist sublist">
                    {assign name="first" value="$cate['list'][0]" /}
                    <div class="left">
                        <div class="img"><img src="{$qiniuprefix}/{$first['thumb']}?imageView2/1/w/290/h/190/q/100">
                        </div>
                    </div>
                    <div class="right">
                        {volist name="cate['list']" id='article'}
                        <a class="box" href="/article/{$article['id']}.html" target="_blank"><span></span>{$article['title']}</a>
                        {/volist}
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>

</div>
<div class="area">
    <div class="view">
        <div class="title">馆藏资源<em>/ Collection resourcess</em><a href="/list/{$cms['catelist']['gczy']['id']}.html">更多>></a></div>
        <div class="gczy content">
            {volist name="cms['catelist']['gczy']['sublist']" id='cate'}
            <a href="/list/{$cate['id']}">
                <img src="{$img}/book.png">
                <span class="subbtn">{$cate['name']}</span>
            </a>

            {/volist}
        </div>
    </div>

</div>


<script>
    $(function () {
        $(".subbtn").click(function () {
            $(this).parent().find(".subbtn").removeClass("current")
            $(this).addClass("current")
            var index = $(this).index()
            $(this).parents(".area").find(".sublist").hide()
            $(this).parents(".area").find(".sublist").eq(index).show()
        })
        $(".subbtn").each(function () {
            if ($(this).index() == 0) {
                $(this).trigger("click")
            }
        })
    })
</script>
{include file="public/footer" /}